<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="mine">
        <!-- 头部 -->
        <div class="mine_heard">
                <div class="mine_user" id="mineUser">
                    <div class="img">
                        <img src="../imgs/运动照片1.jpeg" id="imgurl">
                        <!-- 用户名 -->
                        <span id="nickname">用户名</span>
                        <!-- <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-vip"></use>
                        </svg> -->
                    </div>
                    <a href="#"> <i class="iconfont icon-xiangyou1"></i></a>
                </div>
            <!-- 个性签名 -->
            <p class="signature" id="sign">个性签名: 这个人很懒，什么都没有留下！</p>
        </div>
        <!-- 个人动态 -->
        <div class="personal">
            <div class="left">
                <i class="iconfont icon-hengxiangliebiao"></i> <span>个人动态</span>
            </div>
            <div class="right">
                <span id="dynamicCount"></span><p>条</p>
                <a href="#"> <i class="iconfont icon-xiangyou1"></i></a>
            </div>
        </div>
        <!-- 运动数据 -->
        <div class="movement_data" id="movementData">
            <div class="heard">
                <div class="left">
                    <i class="iconfont icon-shuju"></i> <span>运动数据</span>
                </div>
                <div class="right">
                    <a href="#"> <i class="iconfont icon-xiangyou1"></i></a>
                </div>
            </div>
            <!-- 主体 -->
            <div class="movement_data_main">
                <div class="left">
                    <p class="title">总运动</p>
                    <p class="num"> <span id="times"></span>分钟</p>
                </div>
                <div class="dasline"></div>
                <div class="right">
                    <p class="title">本周消耗</p>
                    <p class="num"> <span id="calorie"></span>千卡</p>
                </div>
            </div>

        </div>
        <!-- 我的运动勋章 -->
        <div class="medal" id="medal">
            <div class="heard">
                <div class="left">
                    <i class="iconfont icon-sharpicons_badge-1"></i>
                    <span>我的运动勋章</span>
                </div>
                <div class="right">
                    <a href="#"> <i class="iconfont icon-xiangyou1"></i></a>
                </div>
            </div>
            <!-- 勋章 -->
            <div class="main">
                <div class="medal_circle">
                </div>
                <div class="medal_circle">
                </div>
                <div class="medal_circle">
                </div>
            </div>

        </div>
        <!-- 退出登录 -->
        <div class="quit_login" id="quit">
            <a href="#"> 退出登录</a>
        </div>
    </div>
</body>

</html>